<template>
  <div class="slideShowR">
  <div class="block">
    <el-carousel height="33rem" direction="vertical">
      <el-carousel-item v-for="item in 4" :key="item">
      <el-image
      style="width: 100%; height: 100%;border-radius:1rem;"
      :src="require('@/public/page/'+item+'.jpg')"
      fit="cover"></el-image>
      </el-carousel-item>
    </el-carousel>
  </div>
  </div>
</template>
<script>
export default {
    data(){
      return {
        url:['1','2','3','4']
      }
    }
}
</script>
<style lang="scss" scoped>
.el-image{
cursor: pointer;
}
.slideShowR{
  width:73rem;
}
  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }
  .block{
    border-radius:1rem;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;    

  }
</style>